<script setup >
const  pageInfo = reactive({
  pageNo: 1,
  pageSize: 10
})
watch(() =>pageInfo.pageSize,(value,oldValue) =>{
  console.log('watch', value,oldValue)
  getData()
})
watch(() =>pageInfo.pageNo,(value,oldValue) =>{
  console.log('watch', value,oldValue)
  // getData()
})
function getData() {

}
async function goDetail(id) {
  await navigateTo({
    path: `/expert/introductions/${id}/detail`,
    // query: {
    //   id: id,
    // }
  })
}
</script>

<template>
  <div class="">
    <div class="grid grid-cols-4 gap-4">
      <div @click="goDetail(item)" class="item flex flex-col items-center p-10px bg-white cursor-pointer" v-for="item in 16">
        <div class="w-40 h-40 rounded-50%  overflow-hidden ">
          <img class="w-full h-full object-cover" src="/img/demo-expert.jpg" alt=""/>
        </div>
        <div class="name text-#333 text-20px mt-20px font-650">
          王专家
        </div>
        <div class="position text-#999 mt-20px">
          中心副主任
        </div>
      </div>
    </div>
  </div>
</template>

<style scoped lang="scss">

</style>